@charset "utf-8";

/**
 * FONTS
 */
@font-face {
    font-family: 'Parisienne';
    font-style: normal;
    font-weight: 400;
    src: local('Parisienne'), local('Parisienne-Regular'), url(fonts/Parisienne.woff) format('woff');
}
@font-face {
    font-family: 'OxygenLight';
    font-style: normal;
    font-weight: 300;
    src: local('Oxygen Light'), local('Oxygen-Light'), url(fonts/OxygenLight.woff) format('woff');
}
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: local('Oxygen'), local('Oxygen-Regular'), url(fonts/Oxygen.woff) format('woff');
}

/**
 * CSS
 */
* {margin:0;padding:0}
html,body {width:100%;height:100%}

body {
	font:14px OxygenLight;
	color:#777;
	background: #fff;
    background: -moz-linear-gradient(left,  #cccccc 0%, #ffffff 25%, #ffffff 75%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cccccc), color-stop(25%,#ffffff), color-stop(75%,#ffffff), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(left,  #cccccc 0%,#ffffff 25%,#ffffff 75%,#cccccc 100%);
    background: -o-linear-gradient(left,  #cccccc 0%,#ffffff 25%,#ffffff 75%,#cccccc 100%);
    background: -ms-linear-gradient(left,  #cccccc 0%,#ffffff 25%,#ffffff 75%,#cccccc 100%);
    background: linear-gradient(to right,  #cccccc 0%,#ffffff 25%,#ffffff 75%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=1 );

}
body.cke_editable {padding:20px 0}
body.cke_editable>*{margin:0 20px}
a, a:visited {
	color:darkgreen;
	text-decoration:underline;
	font-weight:bolder;
	outline:none
}
a:hover, a:active{
	text-decoration:none
}
p {
	margin-bottom:20px
}
h1 {
	font:36px Parisienne;
	color:#66100E;
	margin:20px 0
}
h1:first-child {margin-top:0}

.user-page{
    
} 
    .user-page img {
        padding:2px;
        background:#fff;
        border:1px solid #ccc
    }

.padding20{padding:20px}
.padding10{padding:10px}
a.breadcrumb{
	display:block;
	background:rgba(41%, 5%, 5%, 0.3);
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:1.3em
}
    a.breadcrumb:hover {
        background:rgba(41%, 5%, 5%, 0.7);
        padding-left:10px
	}

.separator {
	height:20px;
	widht:100%;
	opacity:0.5;
	margin:20px 0;
	background:url(../img/separator.png) no-repeat center center
}

header {
	padding:40px 0 10px;
    color:#7B3333;
    text-align:center
}
    #logo {
        text-decoration:none;
        color:#7B3333;
        font:36px Parisienne;
    }
    #logo img {
        display:block;
        margin:0 auto
    }
    
    #menu {
        margin-top:40px;
        text-transform:uppercase;
        font-size:18px
    }
    #menu li {
        list-style: none;
        display:inline-block
    }
    #menu li:last-child {
        border:none;
        margin:0
    }
    #menu a, #menu strong {
        display:block;
        text-decoration:none;
        font-weight:normal;
        padding:5px 10px;
        color:#C49341;
        border-radius:20px 20px 20px 0
    }
    #menu a:hover, #menu strong {
        background:#C49341;
        background:linear-gradient(#C49341,#956C27);
        color:#fff
    }
    #menu a:hover {
        background:#aaa;
        background:linear-gradient(#aaa, #777)
    }

#main {
	width:720px;
    margin:0 auto;
    padding:20px 0
}

.item {
	display:block;
	float:left;
	width:33.33%;
	height:200px;
	text-align:center;
	line-height:200px;
}
    .item a{
        display:block;
        color:#aaa;
        text-transform: uppercase;
        font-size:1.5em;
        text-decoration:none;
    }
    .item a:hover {
        color:#fff;
        background:#ccc;
    }
    
.list {
	list-style:none
}
    .list li {
        display:inline-block;
        width:150px;
        height:175px;
        margin:0 20px 20px 0;
        overflow:hidden;
        position:relative;
        text-align:center
    }
    .list h2 {
        height:20px;
        overflow:hidden;
        font-size:15px;
        text-align:center
    }
    .list li.hover h2 {
        color:#C49341
    }
    .list .image {
        display:inline-block;
        width:150px;
        height:150px;
        border-radius:75px;
        overflow:hidden;
        margin:5px 0;
        text-align:center;
    }
    .list .shadow {
        width:150px;
        height:150px;
        border-radius:75px;
        box-shadow:inset 0 0 4px #777
    }
    .list .mask, .list .shadow {
        width:150px;
        height:150px;
        position:absolute;
        left:0;
        top:25px;
        overflow:hidden
    }
    .list p {
        position:absolute;
        z-index:1;
        background:rgba(255, 255, 255, 0.9);
        border-bottom:7px solid #C49341;
        color:#555;
        padding:10px;
        top:-200px;
        left:0px;
        width:130px;
        font-size:12px;
        text-align:left;
        box-shadow:0 0 4px #000
    }

.android a:link,.android a:visited {
    color:#709507;
    text-decoration:none;
    font-size:1.1em;
    line-height:16px
}
    .android img {
        vertical-align: middle
    }

footer {
    position:absolute;
    width:100%;
    left:0;
	padding:20px 0;
	color:#777;
	font-size:12px;
    text-align:center;
}
    footer a, footer a:visited {
        font-weight:normal;
        color:#777
    }

h1 .breadcrumb {
    font-size:0.7em;
    color:#C49341;
    display:block;
    float:left;
    margin:4px 10px 0 0
}
    h1 .breadcrumb a {
        color:#C49341;
        text-decoration:none;
        font-weight:normal;
    }
    h1 .breadcrumb a:hover {
        color:#66100E
    }

table {
    width:100%;
    border-collapse:collapse
}
    th, td {
        padding:5px;
        border-bottom:1px dotted #ccc
    }
    th {
        font:24px Parisienne;
        color:#66100E;
        text-align:left;
        padding-top:30px
    }
    thead:first-child th {padding-top:0}
    
    tr:first-child th, tr:last-child td {
        border:none
    }

#contact-form {
    clear:both;
    padding:20px 0;
}
    #contact-form input[type=text],#contact-form textarea {
        padding:3px;
        font:16px OxygenLight;
        margin:10px 5px 10px 0;
        width:200px
    }
    #contact-form input.large{width:300px}
    #contact-form textarea {
        width:100%;
        height:150px;
        resize:none
    }
    #contact-form .submit {
        text-align:right
    }
    #contact-form input[type=text].captcha {
        text-align:center;
        width:105px
    }
    #contact-form input[type=submit] {
        padding:7px 16px;
        border:none;
        background:#ccc;
        background:linear-gradient(#ddd, #bbb);
        cursor:pointer;
        text-transform:uppercase;
        color:#555
    }
    #contact-form .submit img {
        margin-top:7px
    }
    
    #flashMessage {
        float:right;
        padding:5px 10px
    }
    #flashMessage.ok    { background:darkgreen; color:white }
    #flashMessage.error { background:red;       color:white }

.fb-button {
    background:#ECEEF5 url(../img/fb-icon.png) no-repeat 4px center;
    color:#369;
    border: 1px solid #CAD4E7;
    border-radius: 3px 3px 3px 3px;
    float: right;
    font:12px Arial;
    padding: 1px 4px 1px 20px;
    text-decoration: none;
}
.fb-like {
    position:absolute !important;
    z-index:1;
    top:0;
    margin-left:220px;
    padding:5px 5px 2px;
    background:#ddd;
    background:linear-gradient(#eee,#ccc);
    border-radius:0 0 4px 4px;
    width:75px;
    overflow:hidden
}

.android-notice{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#eee;
	background:linear-gradient(#eee,#ccc);
	color:#555;
	padding:10px 0;
	text-align:center;
	font-size:36px;
	text-align:center;
	z-index:999
}
	.android-notice-overlay{
		position:fixed;
		left:0;
		top:0;
		width:100%;
		height:100%;
		z-index:998;
		background:rgba(0,0,0,0.5)
	}
	.android-notice p{
		margin:20px
	}
	.android-notice a:link,.android-notice a:visited{
		color:#fff;
		text-decoration:none
	}
	.android-notice .play-store {
		font-weight:bolder;
		text-transform:uppercase;
		font-size:1.2em
	}
	.android-notice .play-store a:link,.android-notice .play-store a:visited {
	    display:inline-block;
	    margin:20px 0 0;
	    font-size:1.3em;
	    color:#fff;
	    padding:5px 20px;
	    font-weight:bolder
	}
	.android-notice .play-store a.yes{color:darkgreen}
	.android-notice .play-store a.no {color:red;font-size:0.8em}
	.android-notice a.close{
		font-size:24px;
		position:absolute;
		right:20px
	}
	.android-notice img{
		background:#fff;
		padding:20px;
		border-radius:95px;
		box-shadow:inset 0 0 3px rgba(0,0,0,0.5)
	}
	